<header style="background-color: black; height: 40px">
    <div id="fb-root"></div>
    <div class="suggestions" id="wrapper">
        <div class="body-header clearfix">
            <a class="logo" href="/Lemon">
                <img alt="Lemon team" class="home-logo" style="height: 40px; width: 250px; position:fixed; top:0px; left:0px;" src="${resource(dir: 'images', file: 'logo.png')}" />
            </a>
            
            <g:if test="${ session.user }">
            	<div class="header-nav" id="chromemenu">
                    <a class="nav-signup" href="${createLink(controller: 'index', action: 'index')}">Search</a>
                    <a class="nav-signup" href="${createLink(controller: 'place', action: 'addPlacePage')}" >Add Place</a>
                    <a href="#" rel="mylist1" style="text-transform: capitalize; font-size: 12px">${ session.user.fullName }</a>
                </div>
                <!--1st drop down menu -->
                <div id="mylist1" class="dropmenudiv" style="margin-top:6px;">
                    <a class="nav-signup" href="${createLink(controller: 'userProfile', action: 'updateUser')}">Profile</a>
                    <a class="nav-signup" href="${createLink(controller: 'place', action: 'myPlace')}">My place</a>
                    <a class="nav-signup" href="${createLink(controller: 'Favourite', action: 'favouritePage')}">Favourite</a>
                    <a class="nav-login"  href="${createLink(controller: 'index', action: 'index')}">Notification</a>
                    <a class="nav-signup" href="${createLink(controller: 'UserProfile', action: 'logout')}">Log out</a>
                </div>
                <script type="text/javascript">
                    cssdropdown.startchrome("chromemenu")
                </script>
            </g:if>
            <g:else>
                <div class="header-nav">
                    <a href="${createLink(controller: 'index', action: 'index')}">Search</a>
                    <a href="${createLink(controller: 'index', action: 'signup')}">Sign Up</a>
                    <a href="${createLink(controller: 'index', action: 'login')}">Log In</a>
                </div>
            </g:else>
            <div class="nav"></div>
        </div>
    </div>
</header>